<template>
	<u-popup :show="show" @close="close" :round="round" zIndex="999999" :mode="mode" :overlay = "overlay">
		<view class="store-popup">
			<view class="title flex-between" v-if="closeables">
				<text>{{title}}</text>
				<u-icon @click="close" name="close-circle-fill" color="#dde3e8" size="24"></u-icon>
			</view>
			<view class="section-box">
				<view class="store-con" :style="{maxHeight:height,minHeight:'35vh'}">
					<slot></slot>
				</view>
				<view class="" >
					<!-- <view class="btn" v-if="isFooter" @click="handClick">确定</view> -->
				</view>
				
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name:"com-alert",
		props:{
			show:{
				type:Boolean,
				default:false
			},
			isFooter:{
				type:Boolean,
				default:false
			},
			title:{
				type:String,
				default:'适用场馆'
			},
			height:{
				type:String,
				default:'75vh'
			},
			mode:{
				type:String,
				default:'bottom'
			},
			closeables:{
				type:Boolean,
				default: true
			},
			round:{
				type:String,
				default:'15'
			},
			overlay:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
			};
		},
		methods:{
			close(){
				this.$emit("close")
			},
			// handClick(){
			// 	this.$emit("click")
			// }
		}
	}
</script>

<style scoped lang="scss">
	.store-popup{
		.title{
			padding: 20rpx 30rpx;
			margin-bottom: 20rpx;
			border-bottom: 1px solid #cccccc;
		}
		.store-con{
			padding: 0px 30rpx;
			overflow: auto;
			padding-bottom: 40rpx;
		}
		.btn{
			background: linear-gradient(0deg, #528EFF, #2F75FA);
			border-radius: 20px;
			font-size: 28rpx;
			font-weight: bold;
			color: #FFFFFF;
			padding: 20rpx 0;
			margin: 0px 30rpx;
			margin-bottom: 20rpx;
			text-align: center;
		}
		.btn_n{
			background: linear-gradient(0deg, #b6b6b6, #b6b6b6);
			border-radius: 20px;
			font-size: 28rpx;
			font-weight: bold;
			color: #FFFFFF;
			padding: 20rpx 0;
			margin: 0px 30rpx;
			margin-bottom: 20rpx;
			text-align: center;
		}
	}
</style>